<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>列表页</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/listing.css">
</head>

<body>
  <!-- 头部 -->
  <header>
    <!-- 蓝色的线 -->
    <div class="header-line"></div>
    <!-- 头部主要内容 -->
    <div class="header-content clearfix">
      <!-- logo -->
      <a href="#" class="logo fl">
        <img src="./assets/images/logo.jpg" alt="logo">
      </a>
      <!-- 导航 -->
      <nav class="navigation fl">
        <ul class="clearfix">
          <li class="fl active"><a href="#">首页</a></li>
          <li class="fl"><a href="#">关于鼎搜</a></li>
          <li class="fl"><a href="#">鼎搜服务</a></li>
          <li class="fl"><a href="#">鼎搜动态</a></li>
          <li class="fl"><a href="#">鼎搜诚聘</a></li>
          <li class="fl"><a href="#">鼎搜公益</a></li>
        </ul>
      </nav>
      <!-- 搜索 -->
      <div class="search fr">
        <input type="text">
        <div class="search-logo">
          <img src="./assets/images/search.jpg" alt="search-logo">
        </div>
      </div>
    </div>
    <!-- 大图片 -->
    <div class="header-pic">
      <img src="./assets/images/tittle.jpg" alt="title">
    </div>
  </header>
  <section>
    <div class="list">
      <!-- 当前位置 -->
      <div class="list-location">
        <div class="list-location-left">
          <span>当前位置</span>
        </div>
        <span>：主页 > 我要投资 > 投资列表</span>
      </div>
      <!-- 分类 -->
      <div class="list-classify">
        <div class="list-classify-left">
          <img src="./assets/images/类型.png" alt="类型">
          <img src="./assets/images/行业.png" alt="行业">
          <img src="./assets/images/地区.png" alt="地区">
        </div>
        <div class="list-classify-right">
          <ul>
            <li><span class="font1">按类型：</span><span class="font2">全部</span> 股权转让 债权转让 实物资产 工美藏品 知识产权 经营产权 房产 矿权 林权 融资  更多</li>
            <li><span class="font1">按行业：</span><span class="font2">全部</span> 房地产业 电子通讯 电力工业 煤炭工业 冶金矿产 机械制造 基础设施 建筑建材 物流仓储  更多</li>
            <li><span class="font1">按地区：</span><span class="font2">全部</span> 北京 天津 上海 重庆 河北 山西 浙江 辽宁 吉林 湖北 江苏 安徽 福建 江西 台湾 香港 澳门 广东  更多</li>
          </ul>
        </div>
      </div>
      <!-- 列表 -->
      <div class="list-main">
        <div class="list-main-top">
          <div class="list-main-top1"></div>
          <div class="list-main-top2">
            <ul>
              <li>项目名称</li>
              <li>所在地区</li>
              <li>行业</li>
              <li>类型</li>
              <li>发布时间</li>
            </ul>
          </div>
          <div class="list-main-top3"></div>
        </div>
        <div class="list-main-content">
          <ul class="content1">
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
            <li>[广州天河龙洞] 可圈可点茶餐厅</li>
          </ul>
          <ul class="content2">
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
            <li>广东</li>
          </ul>
          <ul class="content3">
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
            <li>餐饮餐馆</li>
          </ul>
          <ul class="content4">
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
            <li>股权转让</li>
          </ul>
          <ul class="content5">
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
            <li>2015-06-09</li>
          </ul>
        </div>
      </div>
      <!-- 翻页 -->
      <div class="list-button">
        <button>上一页</button>
        <button>1</button>
        <button>2</button>
        <button>3</button>
        <button>4</button>
        <button>5</button>
        <button>下一页</button>
      </div>
    </div>
  </section>
  <div class="web">
    <!-- 尾部 -->
    <footer>
      <hr class="hr">
      <div class="information clearfix">
        <ul class="footer-item fl">
          <li>简介</li>
          <li>鼎搜网简介</li>
          <li>鼎搜服务</li>
          <li>会员身份实名认证</li>
        </ul>
        <ul class="footer-item fl">
          <li>帮助</li>
          <li>用户注册</li>
          <li>关于鼎搜</li>
          <li>在线咨询</li>
        </ul>
        <ul class="footer-item fl">
          <li>共赢</li>
          <li>网站合作</li>
          <li>用户协议</li>
          <li>会员身份实名认证</li>
        </ul>
        <ul class="footer-item fl">
          <li>导航</li>
          <li>地图首页</li>
          <li>职能分配</li>
          <li>企业名录</li>
        </ul>
        <div class="qr-code fr">
          <div class="qe-code-first">
            <div class="first">
              <img src="./assets/images/phone.png" alt="电话">
            </div>
            <div class="two">
              <p>全国服务热线</p>
              <p>440-880-1779</p>
              <p>邮箱:dinsoo@163.com</p>
            </div>
            <div class="three">
              <p>投诉电话：4408801779</p>
              <p>周一至周六：9:20-20:00</p>
              <p><img src="./assets/images/weibo.png" alt="微博"></p>
            </div>
          </div>
          <div class="qe-code-two">
            <div class="qr">
              <img src="./assets/images/QR_25.png" alt="二维码">
            </div>
            <div class="subscription">订阅信息</div>
          </div>
        </div>
      </div>
      <div class="copyright">Copyright @2015 鼎搜网(www.dinsoo.com)版权所有</div>
    </footer>
  </div>
</body>

</html>